<!DOCTYPE html>


<html lang="zh-Hans">


<head>
  <meta charset="utf-8" />
    
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>
     40+岁大龄码农的自我修养
  </title>
  <meta name="generator" content="hexo-theme-ayer">
  
  <link rel="shortcut icon" href="/favicon.ico" />
  
  
<link rel="stylesheet" href="/dist/main.css">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/css/remixicon.min.css">
  
<link rel="stylesheet" href="/css/custom.css">

  
  <script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>
  
  

  

<link rel="alternate" href="/atom.xml" title="40+岁大龄码农的自我修养" type="application/atom+xml">
</head>

</html>

<body>
  <div id="app">
    
      
    <main class="content on">
      



<!-- Subtitle -->

<div id="main">
  <section class="outer">
  
  
  <article class="articles">
    
    
    
    
    <article
  id="post-mac_reinstall"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/08/15/mac_reinstall/"
    >重新安装MAC后必做的设置步骤</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/08/15/mac_reinstall/" class="article-date">
  <time datetime="2014-08-15T15:13:55.000Z" itemprop="datePublished">2014-08-15</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <p>1: 运行RealtekRTL81xx-0_0_90.pkg,安装显卡驱动.</p>
<p>2: 运行MultiBeast,选择Drivers—Audio—Realtek ALCXXX—Without DST—ALC887/888b Current v100302,安装声卡驱动.</p>
<p>3: 运行Appstore,升级到10.9.4.</p>
<p>4: 安装完成,重启. </p>
<p>5: 点击左上苹果标志,选择打开System Preferences </p>
<ul>
<li><p>选择打开Network,选择Ethernet,自动获取ip变成绿色后,点击Apply</p>
</li>
<li><p>选择打开Mouse,去掉Scroll direction:natural的勾选,左侧两个速度拉到最大.</p>
</li>
<li><p>选择打开Desk&amp;Screen Saver,选择Screen Saver,Start after选择Never</p>
</li>
<li><p>选择打开Energy Saver, Computer sleep和Display sleep都拉到Never</p>
</li>
<li><p>选择打开Keyboard,选择Modifier Keys, Option key改成Command, Command key改成Option.                                 选择Shortcuts—Input Sources, 勾选Select the previous input source 并将Spotlight的快捷键勾选去掉</p>
</li>
<li><p>选择打开Security&amp;Privacy,点击左下角的锁标志,输入密码,点选Allow apps download from: Anywhere,                                                并将Put hard disks to sleep when possible和Wake for Ethernet network access的勾选去掉</p>
</li>
</ul>
<p>6:  Mac终端添加 sublime text 3打开方式,打开终端输入命令:</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">sudo ln -s &quot;&#x2F;Applications&#x2F;Sublime Text.app&#x2F;Contents&#x2F;SharedSupport&#x2F;bin&#x2F;subl&quot; &#x2F;usr&#x2F;bin&#x2F;subl</span><br></pre></td></tr></table></figure>

<p>7: 运行Appstore,下载并安装Xcode,运行然后点击agree.然后打开终端,输入命令,用来安装Command Line Tools(命令行工具):</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">xcode-select --install</span><br></pre></td></tr></table></figure>

<p>8: 安装brew:</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">ruby -e &quot;$(curl -fsSL https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;Homebrew&#x2F;install&#x2F;master&#x2F;install)&quot;</span><br></pre></td></tr></table></figure>
<p>9: 安装新版的iTerm2,命令行安装zsh</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">       curl -L https:&#x2F;&#x2F;raw.github.com&#x2F;robbyrussell&#x2F;oh-my-zsh&#x2F;master&#x2F;tools&#x2F;install.sh | sh</span><br><span class="line">&#96;&#96;&#96;    </span><br><span class="line">   更新zsh的命令: </span><br><span class="line"></span><br><span class="line">&#96;&#96;&#96;   </span><br><span class="line">  upgrade_oh_my_zsh</span><br></pre></td></tr></table></figure>


 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E9%BB%91%E8%8B%B9%E6%9E%9C/" rel="tag">黑苹果</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
    <article
  id="post-sublime-plugin-sublime-tmpl"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/08/13/sublime-plugin-sublime-tmpl/"
    >sublime text插件tmpl的python模板</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/08/13/sublime-plugin-sublime-tmpl/" class="article-date">
  <time datetime="2014-08-13T12:12:07.000Z" itemprop="datePublished">2014-08-13</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">#!&#x2F;usr&#x2F;bin&#x2F;env python</span><br><span class="line"># -*- coding: utf-8 -*-</span><br><span class="line"># @Date    : 2014-08-13 17:33:54</span><br><span class="line"># @Author  : ClutchBear (roc100year@gmail.com)</span><br><span class="line"></span><br><span class="line"></span><br></pre></td></tr></table></figure>

 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E8%BD%AF%E4%BB%B6/" rel="tag">软件</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
    <article
  id="post-no-contributions"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/08/11/no-contributions/"
    >contributions不显示在github上</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/08/11/no-contributions/" class="article-date">
  <time datetime="2014-08-11T03:36:01.000Z" itemprop="datePublished">2014-08-11</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <p>最近不知道怎么搞的,hexo提交了茫茫多次到github上,但在github账号页面不显示contributions绿点.自己的努力没有显示出来,十分的不爽.<br>尝试各种方法解决,甚至去hexo的github页面提交issues,别人回答我说,hexo提交后就会有contributions显示的.<br>最后发现是.gitconfig不知道被哪个软件修改了,删掉.gitconfig配置文件.<br>再终端重新建立一个就行了:</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">git config --global user.name &quot;你的名字&quot;</span><br><span class="line">git config --global user.email &quot;your_email@youremail.com&quot;</span><br></pre></td></tr></table></figure>

<p>最后转帖一个高手的文章:<a target="_blank" rel="noopener" href="http://blog.segmentfault.com/spacewander/1190000000520300">什么样的contributions会被Github计算在内？</a></p>
 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/hexo/" rel="tag">hexo</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
    <article
  id="post-to-be-continue"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/08/09/to-be-continue/"
    >测试Markdown语法</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/08/09/to-be-continue/" class="article-date">
  <time datetime="2014-08-09T15:41:11.000Z" itemprop="datePublished">2014-08-09</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <p><img src="http://ww1.sinaimg.cn/large/4399c9a5gw1ej85x3us3dj20et0iwwg4.jpg" alt="简明语法"></p>
<h2 id="什么是-Markdown"><a href="#什么是-Markdown" class="headerlink" title="什么是 Markdown"></a>什么是 Markdown</h2><p>Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档<br><strong>粗体</strong><br><em>斜体</em></p>
<h3 id="单行代码"><a href="#单行代码" class="headerlink" title="单行代码"></a>单行代码</h3><pre><code>https://github.com/playbear/playbear.github.io.git
</code></pre>
<h3 id="多行代码"><a href="#多行代码" class="headerlink" title="多行代码"></a>多行代码</h3><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">@requires_authorization</span></span><br><span class="line"><span class="class"><span class="keyword">class</span> <span class="title">SomeClass</span>:</span></span><br><span class="line">    <span class="function"><span class="keyword">def</span> <span class="title">__init__</span>(<span class="params">self</span>)</span></span><br><span class="line"><span class="function">    <span class="title">pass</span></span></span><br><span class="line"><span class="function"></span></span><br><span class="line">if __name__ == &#x27;__main__&#x27;:</span><br><span class="line">    <span class="built_in">print</span> <span class="string">&#x27;hello world&#x27;</span></span><br></pre></td></tr></table></figure>
<p>习书记说的特别好,接下来我补充几点:</p>
<ul>
<li>第一点 这里省略一万字</li>
<li>第二点 这里省略两万字</li>
<li>第三点 这里省略三万字</li>
</ul>
<p>强调    <em>斜体</em>    <strong>粗体</strong><br>链接    <a target="_blank" rel="noopener" href="http://playbear.github.com/">描述</a><br>图片</p>
 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Markdown/" rel="tag">Markdown</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
    <article
  id="post-sublimall_intro"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/08/07/sublimall_intro/"
    >备份sublime text3个人配置的插件Sublimall(已经无效)</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/08/07/sublimall_intro/" class="article-date">
  <time datetime="2014-08-07T12:26:37.000Z" itemprop="datePublished">2014-08-07</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <p>最近浏览v2ex网站发现了一款sublime text3的插件,名字叫sublimall,主要作用是备份sublime text3的个人配置.很适合我这样,经常折腾黑苹果,经常格式化硬盘的人.<br>sublimall的网站是<a target="_blank" rel="noopener" href="https://sublimall.org/">https://sublimall.org</a></p>
<ul>
<li>点击绿色的sign up for free按钮,输入账号密码等信息后在自己邮箱里面收取验证邮件.</li>
<li>在自己<a target="_blank" rel="noopener" href="https://sublimall.org/account/">账号页面</a>,左下角是email和API key信息</li>
<li>通过package control安装sublimall插件.</li>
<li>sublimall会将配置和插件打包发送到这个网站上,用的压缩软件是7zip,因此需要安装7zip.</li>
</ul>
<p>在终端输入:</p>
<pre><code>brew install p7zip
</code></pre>
<p>安装完成后,再输入:</p>
<pre><code>where is 7za
</code></pre>
<p>安装正常的话,会在终端显示:</p>
<pre><code>/usr/local/bin/7za
</code></pre>
<ul>
<li>打开sublimall的setting-users<pre><code class="&#123;">  ////////////////////////////
  //// Sublimall settings ////
  ////////////////////////////
  &quot;api_root_url&quot;: &quot;http://sublimall.org&quot;,
  &quot;api_upload_url&quot;: &quot;/api/upload/&quot;,
  &quot;api_retrieve_url&quot;: &quot;/api/retrieve/&quot;,
  //上面几行不用管
  ///////////////////////
  //// User settings ////
  ///////////////////////
  &quot;email&quot;: &quot;roc100year@gmail.com&quot;,
  //这里输入自己注册sublimall网站的邮箱
  &quot;api_key&quot;: &quot;xxxxxxxxxxxxxxxxxxxx&quot;,
  //这里输入网站账户页面左下角api key给的一串数字和字母
  // Paths must be: &quot;Packages/SublimeCodeIntel&quot; or &quot;Installed Packages/Sublimall&quot;
  &quot;ignore_packages&quot;: [],
  // Set true if you want to exclude packages managed by Package Control
  &quot;exclude_from_package_control&quot;: false,
  // Set false if you don&#39;t want to encrypt your configuration
  &quot;encrypt&quot;: true,
  // Upload timeout in seconds
  &quot;http_upload_timeout&quot;: 120,
  // Download timeout in seconds
  &quot;http_download_timeout&quot;: 120,
  // Path to 7zip executable, though Sublimall tries to find it out itself
  &quot;7za_path&quot;: &quot;/usr/local/bin/7za&quot;,
  //这里输入压缩软件所在的路径   
  // HTTP proxy to use for HTTP requests. Support for authentication
  // Examples: http://user:password@host:port or http://ip:port
  &quot;http_proxy&quot;: &quot;&quot;
  &#125;       
</code></pre>
</li>
<li>打开preferences–package setting–sublimall–upload有一个压缩密码的空白行出现,输入压缩包的密码或者直接打回车.等待压缩和上传就好了.</li>
<li>sublimall–retrieve 是取回备份的个人配置.</li>
</ul>
 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E8%BD%AF%E4%BB%B6/" rel="tag">软件</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
    <article
  id="post-hackmac"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/07/16/hackmac/"
    >折腾黑苹果</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/07/16/hackmac/" class="article-date">
  <time datetime="2014-07-16T00:35:13.000Z" itemprop="datePublished">2014-07-16</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <p>   这几天折腾下来，终于把黑苹果安装成功了。真是累。</p>
<p>   我原来对黑苹果毫无概念，不知道怎么想的，想安装一下试试。</p>
<p>   机子配置：</p>
<p>   CPU: INTEL E3 1230V2</p>
<p>   主板：技嘉B75m-D3V</p>
<p>   显卡：微星6850 hawk</p>
<h2 id="安装步骤"><a href="#安装步骤" class="headerlink" title="安装步骤"></a>安装步骤</h2><p>   先谷歌搜索“黑苹果”，根据第一个条目，点进威锋网，按照帖子教的步骤一步一步来，安装完成，启动时候始终菊花，死活进不去。只好再换一个帖子来，找了一个U盘安装的帖子，这次安装成功了，但是键盘几个键始终无效，比如空格键 退格键 tab键等，显卡也不成功。然后开始了，各种看帖子的节奏，远景论坛 威锋网等等。</p>
<p>   最终安装了远景论坛ID为：七月流火的U盘版的黑苹果，基本上算完美了，安装后显卡自动驱动成功，用MultiBeast安装网卡和声卡驱动。网卡驱动安装完成重启后，在系统偏好里面的网络选择以太网，等自动配置ip成功后，点击应用。键盘问题因为NOPPOO跟MAC系统不兼容，改插PS/2接口候解决。</p>
<p>   七月流火的帖子里面提供的是MAC 10.9.3版本，安装完成后，可以在appstore里面升级到最新的10.9.4   </p>
<h2 id="我习惯的软件："><a href="#我习惯的软件：" class="headerlink" title="我习惯的软件："></a>我习惯的软件：</h2><p>   浏览器：Chrome，mac系统里面chrome的手势插件跟右键冲突，所以在页面上经常使用右键选择或者拷贝的时候，最好把各种手势或者拖拽插件禁掉。</p>
<p>   输入法：搜狗，很多人推荐百度，但是我输入的时候又个不好的习惯，经常把ang或者ing输入成agn或者ign，谷歌输入法或者搜狗输入法能自动辨识，百度输入法不可以，但是mac系统里面没有我win和安卓里面最习惯的谷歌输入法，我只好选择搜狗。</p>
<p>   视频播放器：射手播放器1.18版</p>
<p>   翻墙： GoaentX，根据网上教程一步步来即可，如果把MAC系统自带的python升级到 2.7.8可能导致翻墙失效。<br>         用久之后发现ShadowsocksX在mac下面表现更好.</p>
<p>   终端：安装的是oh-my-zsh，注意 自己改字体的时候，要勾选：平滑文本。然后安装iterm2</p>
<p>   MAC下读写WIN系统的NFS分区：Texera NTFS for Mac</p>
<p>   快速搜索NFS分区：Easyfind   </p>
<p>   RAR解压缩软件：The Unarchiver</p>
<p>   笔记软件：Evernote</p>
<p>   其他软件：Finder加强插件XtraFind，Alfred，Sublime Text 3，dash，微信MAC版，teamviewer,ParallelsDesktop, easyfind, airmail2等。</p>
 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E9%BB%91%E8%8B%B9%E6%9E%9C/" rel="tag">黑苹果</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
    <article
  id="post-fuck-hexo-coder"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/07/16/fuck-hexo-coder/"
    >hexo新版的一个重大bug或者说改动</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/07/16/fuck-hexo-coder/" class="article-date">
  <time datetime="2014-07-16T00:20:39.000Z" itemprop="datePublished">2014-07-16</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <p>连续hexo g出错,害的我还以为我系统坏掉了.<br>重装了好几次.<br>原来是hexo 最新版本2.8.0跟主题出现冲突了<br>更改了一些东西.</p>
<h3 id="官网的回答"><a href="#官网的回答" class="headerlink" title="官网的回答"></a>官网的回答</h3><p>tommy351 commented 2 days ago<br>YAML parser was changed in Hexo 2.8. You have to wrap strings like this with quotation marks.</p>
<p>archive_b: Archives: %s =&gt; archive_b: “Archives: %s”</p>
<p><a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo/issues/722">https://github.com/hexojs/hexo/issues/722</a></p>
 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/hexo/" rel="tag">hexo</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
    <article
  id="post-hello-world"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/2014/07/14/hello-world/"
    >今天试了一个新的hexo主题</a> 
</h2>
 

    </header>
     
    <div class="article-meta">
      <a href="/2014/07/14/hello-world/" class="article-date">
  <time datetime="2014-07-14T00:20:39.000Z" itemprop="datePublished">2014-07-14</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <p>感觉很不错,符合我的审美.</p>
<p>github源码的网址是: </p>
<pre><code> https://github.com/xiangming/landscape-plus
</code></pre>
<p>例子网站是: <a target="_blank" rel="noopener" href="http://reqianduan.com/">http://reqianduan.com/</a></p>
 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/hexo/" rel="tag">hexo</a></li></ul>

    </footer>
  </div>

    
 
    
</article>

    
  </article>
  

  
  <nav class="page-nav">
    
    <a class="extend prev" rel="prev" href="/page/6/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/5/">5</a><a class="page-number" href="/page/6/">6</a><span class="page-number current">7</span>
  </nav>
  
</section>
</div>

      <footer class="footer">
  <div class="outer">
    <ul>
      <li>
        Copyrights &copy;
        2015-2022
        <i class="ri-heart-fill heart_icon"></i> 小信
      </li>
    </ul>
    <ul>
      <li>
        
        
        
        Powered by <a href="https://hexo.io" target="_blank">Hexo</a>
        <span class="division">|</span>
        Theme - <a href="https://github.com/Shen-Yu/hexo-theme-ayer" target="_blank">Ayer</a>
        
      </li>
    </ul>
    <ul>
      <li>
        
        
        <span>
  <span><i class="ri-user-3-fill"></i>Visitors:<span id="busuanzi_value_site_uv"></span></s>
  <span class="division">|</span>
  <span><i class="ri-eye-fill"></i>Views:<span id="busuanzi_value_page_pv"></span></span>
</span>
        
      </li>
    </ul>
    <ul>
      
    </ul>
    <ul>
      
    </ul>
    <ul>
      <li>
        <!-- cnzz统计 -->
        
        <script type="text/javascript" src='https://s9.cnzz.com/z_stat.php?id=1278069914&amp;web_id=1278069914'></script>
        
      </li>
    </ul>
  </div>
</footer>
      <div class="float_btns">
        <div class="totop" id="totop">
  <i class="ri-arrow-up-line"></i>
</div>

<div class="todark" id="todark">
  <i class="ri-moon-line"></i>
</div>

      </div>
    </main>
    <aside class="sidebar on">
      <button class="navbar-toggle"></button>
<nav class="navbar">
  
  <div class="logo">
    <a href="/"><img src="/images/ayer-side.svg" alt="40+岁大龄码农的自我修养"></a>
  </div>
  
  <ul class="nav nav-main">
    
    <li class="nav-item">
      <a class="nav-item-link" href="/">主页</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/archives">归档</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags">标签</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/about">关于我</a>
    </li>
    
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      
      <a class="nav-item-link nav-item-search"  title="Search">
        <i class="ri-search-line"></i>
      </a>
      
      
      <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
        <i class="ri-rss-line"></i>
      </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
    </aside>
    <script>
      if (window.matchMedia("(max-width: 768px)").matches) {
        document.querySelector('.content').classList.remove('on');
        document.querySelector('.sidebar').classList.remove('on');
      }
    </script>
    <div id="mask"></div>

<!-- #reward -->
<div id="reward">
  <span class="close"><i class="ri-close-line"></i></span>
  <p class="reward-p"><i class="ri-cup-line"></i>请我喝杯咖啡吧~</p>
  <div class="reward-box">
    
    
  </div>
</div>
    
<script src="/js/jquery-2.0.3.min.js"></script>


<script src="/js/lazyload.min.js"></script>

<!-- Tocbot -->

<script src="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.css">
<script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js"></script>

<script src="/dist/main.js"></script>

<!-- ImageViewer -->

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/default-skin/default-skin.min.css">
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe-ui-default.min.js"></script>

<script>
    function viewer_init() {
        let pswpElement = document.querySelectorAll('.pswp')[0];
        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))

        $imgArr.forEach(($em, i) => {
            $em.onclick = () => {
                // slider展开状态
                // todo: 这样不好，后面改成状态
                if (document.querySelector('.left-col.show')) return
                let items = []
                $imgArr.forEach(($em2, i2) => {
                    let img = $em2.getAttribute('data-idx', i2)
                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
                    let title = $em2.getAttribute('alt')
                    // 获得原图尺寸
                    const image = new Image()
                    image.src = src
                    items.push({
                        src: src,
                        w: image.width || $em2.width,
                        h: image.height || $em2.height,
                        title: title
                    })
                })
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
                    index: parseInt(i)
                });
                gallery.init()
            }
        })
    }
    viewer_init()
</script>

<!-- MathJax -->

<!-- Katex -->

<!-- busuanzi  -->


<script src="/js/busuanzi-2.3.pure.min.js"></script>


<!-- ClickLove -->

<!-- ClickBoom1 -->

<!-- ClickBoom2 -->

<!-- CodeCopy -->


<link rel="stylesheet" href="/css/clipboard.css">

<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script>
  function wait(callback, seconds) {
    var timelag = null;
    timelag = window.setTimeout(callback, seconds);
  }
  !function (e, t, a) {
    var initCopyCode = function(){
      var copyHtml = '';
      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
      copyHtml += '</button>';
      $(".highlight .code pre").before(copyHtml);
      $(".article pre code").before(copyHtml);
      var clipboard = new ClipboardJS('.btn-copy', {
        target: function(trigger) {
          return trigger.nextElementSibling;
        }
      });
      clipboard.on('success', function(e) {
        let $btn = $(e.trigger);
        $btn.addClass('copied');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-checkbox-circle-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPIED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-checkbox-circle-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
      clipboard.on('error', function(e) {
        e.clearSelection();
        let $btn = $(e.trigger);
        $btn.addClass('copy-failed');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-time-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPY FAILED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-time-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
    }
    initCopyCode();
  }(window, document);
</script>


<!-- CanvasBackground -->


    
  </div>
</body>

</html>